<script setup lang="ts">
import { BaseButton } from '@pkgs/components'

// 模拟请求
async function onFetch() {
  await new Promise((resolve) => {
    setTimeout(() => {
      resolve(true)
    }, 3000)
  })
}
</script>

<template>
  <BaseButton
    type="default"
    @click="onFetch()"
  >
    Default
  </BaseButton>

  <BaseButton
    type="primary"
    @click="onFetch()"
  >
    Primary
  </BaseButton>

  <BaseButton
    type="success"
    @click="onFetch()"
  >
    Success
  </BaseButton>

  <BaseButton
    type="info"
    @click="onFetch()"
  >
    Info
  </BaseButton>

  <BaseButton
    type="warning"
    @click="onFetch()"
  >
    Warning
  </BaseButton>

  <BaseButton
    type="danger"
    @click="onFetch()"
  >
    Danger
  </BaseButton>
</template>
